<%@ page language="java" contentType="text/html; charset=UTF-8"
		 pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>Document</title>
		<link rel="stylesheet" href="css/Welcome.css?v=1">
		<style>
			.pag {
				padding: 3px 10px 3px 10px;
				background: rgb(246,245,263);
				border-radius: 5px 5px 0 0;
				border: 1px solid rgb(171,201,239);
				border-bottom: 1px solid rgb(246,245,263);
			}
		</style>
		<script src="js/jquery-3.2.1.min.js"></script>
	</head>
	<body>
		<header>
			<div>
				<img src="img/iframe/banner.gif">
			</div>
		</header>
		<section class="section">
			<div class="section-left">
				<div class="margin">
					<div class="pag">
						<span>使用指导</span>
					</div>
					<div class="pag-center">
						<ul>
							<li><span><img
										src="img/iframe/ad1.png">通用功能：与具体产品教学实施无关的功能，包括总部业务接口、学员档案管理、咨询管理、公告、总部下发的各种业务资料。</span>
							</li>
							<li><span><img
										src="img/iframe/ad2.png">产品功能：与具体产品教学实施密切相关的功能。使用时，请先在产品功能中选择相应的产品。对于分学期的产品（例如ACCP7.0），各学期通用的资料（例如产品标准）都存放在S1阶段的产品资料中。</span>
							</li>
						</ul>
					</div>
				</div>
				<div class="margin">
					<div class="pag">
						<span>最新公告</span>
					</div>
					<div class="pag-center">
						<ul>
							<li><a>BCSP学生手册发布</a><a>2023-08-16</a></li>
							<li><a>青鸟云平台升级维护</a><a>2022-10-15</a></li>
							<li><a>BCSP 2021Pro 第一学期（第二批）教学资料发布</a><a>2022-03-08</a></li>
							<li><a>BCSP 2021Pro 第一学期教学资料发布</a><a>2022-02-23</a></li>
						</ul>
					</div>
				</div>
				<div class="margin">
					<div class="pag">
						<span>最新资料</span>
					</div>
					<div class="pag-center">
						<ul>
							<li><a>总部下发了“2023年度综合影响力标杆教育集团”的资料，请点击查看<span class="red">New</span></a><a>2023-08-16</a>
							</li>
							<li><a>总部下发了“《思睿观通——深度学习技术框架01》”的资料，请点击查看<span class="red">New</span></a><a>2022-10-15</a>
							</li>
							<li><a>总部下发了“《思睿观通——深度学习》”的资料，请点击查看<span class="red">New</span></a><a>2022-03-08</a></li>
							<li><a>总部下发了“2023年四季度就业类信息流视频（20条）”的资料，请点击查看<span
										class="red">New</span></a><a>2022-02-23</a></li>
						</ul>
					</div>
				</div>
				<div class="margin">
					<div class="pag">
						<span>站点链接</span>
					</div>
					<div class="pag-center">
						<ul>
							<li>
								<span><a>云豆网</a> <a>云课堂</a> <a>云题库</a> <a>面试第一站</a></span>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<div class="right">
				<div>
					<span class="session-right">
						<img src="img/iframe/right1.gif">
						<img src="img/iframe/qnsyewm.png" class="overlay-img">
					</span>
				</div>
				<div>
					<div class="right-pag">
						<span>功能吐槽</span>
					</div>
					<div class="right-content">
						<form>
							<div id="textareaWrapper">
								<textarea id="myTextarea">对平台功能有啥想说快讲啦，使用中有哪里不爽、错误啊什么的，马上反馈给我们吧~</textarea>
							</div>
							<div><input type="submit" value="提交"></div>
						</form>
					</div>
				</div>
			</div>
		</section>
		<footer>
			<!-- 底部内容 -->
		</footer>
		<script>
			$(document).ready(function() {
				var defaultText = "对平台功能有啥想说快讲啦，使用中有哪里不爽、错误啊什么的，马上反馈给我们吧~";

				$('#myTextarea').focus(function() {
					if ($(this).val() === defaultText) {
						$(this).val('');
					}
				}).blur(function() {
					if ($(this).val() === '') {
						$(this).val(defaultText);
					}
				});
			});
		</script>
	</body>
</html>